<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
	<script type="text/javascript">
		function mostraPedido(codRel) {
			window
					.open(
							"rel\\pedido" + codRel + ".pdf" + "?random="
									+ Math.random(),
							"Pedido_de_Compra",
							"scrollbars=NO location=no resizable=YES Directories=no Menubar=no Status=no Toolbar=no Titlebar=no WIDTH=770 HEIGHT=400");
			return false;
		}
	</script>
</h:head>
<h:body>
	<p:ajaxStatus onstart="statusDialog.show();"
		oncomplete="statusDialog.hide();" />

	<p:growl id="messListaForn" showDetail="true" showSummary="true"
		life="3000" />
	<h:form id="fFornLista">
		<div align="center" class="DivCentralizada">
			<div align="center"
				style="padding-left: 25px; float: left; padding-right: 24px;">
				<h:outputLabel for="iDtDe" value="#{message.msg_dataDe} "
					styleClass="LabelFont" />
				<p:inputMask id="iDtDe" value="#{listaPedidoTela.dataDe}" size="5"
					maxlength="8" style="font-size: 14px;" mask="99/99/99"
					required="true">
				</p:inputMask>
			</div>
			<div align="center" style="float: left;">
				<h:outputLabel for="iDtAte" value=" #{message.msg_dataAte} "
					styleClass="LabelFont" />
				<p:inputMask id="iDtAte" value="#{listaPedidoTela.dataAte}" size="5"
					maxlength="8" style="font-size: 14px;" mask="99/99/99"
					required="true">
				</p:inputMask>
			</div>
			<div
				style="padding-left: 2px; padding-right: 24px; float: left; clear: both;">
				<h:outputLabel for="iFornPed" value="#{message.label_pedido} "
					styleClass="LabelFont" />
				<p:inputText id="iFornPed" value="#{listaPedidoTela.numPedido}"
					size="8" maxlength="6" style="font-size: 14px;">
				</p:inputText>
			</div>
			<div align="center"
				style="float: left; padding-right: 3px; padding-top: 4px;">
				<h:outputText for="iFornFil" value="#{message.solicita_filial} "
					styleClass="LabelFont" />
			</div>
			<div align="center" style="float: left; padding-right: 24px;">
				<p:selectOneMenu id="iFornFil"
					value="#{listaPedidoTela.empresaSelecionada.filial}" effect="fade"
					style="font-size: 14px;">
					<f:selectItem itemLabel="#{message.solicita_statusTodos}"
						itemValue="0" style="font-size: 14px;" />
					<f:selectItems value="#{usuario.listaEmpresas}" var="empresa"
						itemLabel="#{empresa.descricao}" itemValue="#{empresa.filial}"
						style="font-size: 14px;" />
					<p:ajax global="false" />
				</p:selectOneMenu>
			</div>
			<div align="center"
				style="float: left; padding-right: 3px; padding-top: 4px;">
				<h:outputText for="iFornStatus" value="#{message.solicita_status} "
					styleClass="LabelFont" />
			</div>
			<div style="float: left;">
				<p:selectOneMenu id="iFornStatus" value="#{listaPedidoTela.status}"
					effect="fade" style="font-size: 14px;">
					<f:selectItem itemValue="#{message.solicita_statusTodos}"
						itemLabel="#{message.solicita_statusTodos}"
						style="font-size: 14px;" />
					<f:selectItem itemValue="#{message.label_aberto}"
						itemLabel="#{message.label_aberto}" style="font-size: 14px;" />
					<f:selectItem itemLabel="#{message.label_atendido}"
						itemValue="#{message.label_atendido}" style="font-size: 14px;" />
					<p:ajax global="false" />
				</p:selectOneMenu>
			</div>
			<div style="position: absolute; top: 23%; left: 55%;">
				<p:commandButton value="#{message.botao_filtrar}"
					icon="ui-icon-search" style="font-size: 14px;"
					action="#{listaPedidoTela.filtraPedido}"
					update=":formGridPed:dataTablePed" />
			</div>
		</div>
	</h:form>
	<div align="left" style="padding-left: 3px; padding-top: 5px;">
		<h:form id="formGridPed">
			<p:dataTable id="dataTablePed" var="pedido"
				value="#{listaPedidoTela.listaPedidos}"
				style="width:965px;font-size: 14px;"
				rowStyleClass="#{listaPedidoTela.pintaLinha(pedido)}"
				rowKey="#{pedido.numeroPedido}"
				emptyMessage="#{message.msg_semvalores}" rows="8"
				paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
				rowsPerPageTemplate="8,15,20,30,50" paginator="true">
				<f:facet name="header">
					<div style="float: left;">
						<div style="padding-top: 2px; float: left">
							<h:outputText value="#{message.msg_legenda}  "
								style="font-size: 11px;" />
						</div>
						<p:graphicImage style="padding-left:10px" id="aten2"
							value="img/comprada.jpg" />
						<p:tooltip for="aten2" value="#{message.label_atendido}"
							showEffect="fade" hideEffect="fade" />
						<p:graphicImage style="padding-left:10px" id="abe2"
							value="img/bloqueada.jpg" />
						<p:tooltip for="abe2" value="#{message.label_aberto}"
							showEffect="fade" hideEffect="fade" />
						<p:graphicImage style="padding-left:10px" id="par2"
							value="img/aprovada.jpg" />
						<p:tooltip for="par2" value="#{message.label_parcial}"
							showEffect="fade" hideEffect="fade" />
					</div>
					<div style="float: left; padding-left: 300px;">#{message.pedido_lista}</div>

				</f:facet>
				<p:column style="width:10px">
					<p:rowToggler />
				</p:column>
				<p:column style="width:50px">
					<f:facet name="header">  
                  		 	#{message.label_numero}
           			 </f:facet>
					<h:outputText value="#{pedido.numeroPedido}" />
				</p:column>
				<p:column style="width:28px">
					<f:facet name="header">  
                    		#{message.pedido_emissao}  
            			</f:facet>
					<h:outputText
						value="#{listaPedidoTela.converteData(pedido.dtEmissao)}" />
				</p:column>
				<p:column style="width:40px">
					<f:facet name="header">  
                  		 	#{message.solicita_comprador}
           			 </f:facet>
					<h:outputText value="#{pedido.comprador.nome}" />
				</p:column>
				<p:column style="width:28px">
					<f:facet name="header">  
                    		#{message.solicita_filial}  
            			</f:facet>
					<h:outputText value="#{pedido.empresa.descricao}" />
				</p:column>
				<p:column style="width:60px">
					<f:facet name="header">  
                  		 	#{message.label_visualizado}  
           			 </f:facet>
					<h:outputText
						value="#{listaPedidoTela.converteData(pedido.dtVisualizado)}" />
				</p:column>
				<p:column style="width:15px">
					<p:tooltip for="butVisu" value="#{message.msg_imprimir}"
						showEffect="fade" hideEffect="fade" />
					<p:commandButton icon="ui-icon-print" styleClass="ButtonRem"
						global="false" id="butVisu" onclick="confirmacaoImpressao.show()">
						<f:setPropertyActionListener target="#{listaPedidoTela.pedido}"
							value="#{pedido}" />
					</p:commandButton>
				</p:column>
				<p:rowExpansion>
					<f:event listener="#{listaPedidoTela.atualizaDataVisu(pedido)}"
						type="preRenderComponent">
					</f:event>
					<div style="float: left; padding-left: 40px;">
						<h:panelGrid id="display" columns="4" cellpadding="1"
							columnClasses="label, value">
							<h:outputText styleClass="LabelFont"
								value="#{message.label_pedido}"></h:outputText>
							<h:outputText style="font-size: 13px;"
								value="#{pedido.numeroPedido}"></h:outputText>
							<h:outputText styleClass="LabelFont"
								value="#{message.solicita_comprador}"></h:outputText>
							<h:outputText style="font-size: 13px;"
								value="#{pedido.comprador.nome}"></h:outputText>
							<h:outputText styleClass="LabelFont"
								value="#{message.label_faturamento}"></h:outputText>
							<h:outputText
								value="#{message.label_librelato} - #{pedido.empresa.descricao}(#{pedido.empresa.cnpj})"></h:outputText>

							<h:outputText styleClass="LabelFont"
								value="#{message.label_endereco}"></h:outputText>
							<h:outputText style="font-size: 13px;"
								value="#{pedido.empresa.endereco} #{pedido.empresa.bairro} #{pedido.empresa.cidade}-#{pedido.empresa.uf}"></h:outputText>

							<h:outputText styleClass="LabelFont"
								value="#{message.label_cobranca}"></h:outputText>
							<h:outputText
								value="#{message.label_librelato} - #{pedido.empresa.descricao}(#{pedido.empresa.cnpj})"></h:outputText>
							<h:outputText styleClass="LabelFont"
								value="#{message.label_endereco}"></h:outputText>
							<h:outputText style="font-size: 13px;"
								value="#{pedido.empresa.endereco} #{pedido.empresa.bairro} #{pedido.empresa.cidade}-#{pedido.empresa.uf}"></h:outputText>

							<h:outputText styleClass="LabelFont"
								value="#{message.label_fornecedor}"></h:outputText>
							<h:outputText style="font-size: 13px;"
								value="#{pedido.fornecedor.nome}"></h:outputText>
							<h:outputText styleClass="LabelFont" value="#{message.label_cgc}"></h:outputText>
							<h:outputText style="font-size: 13px;"
								value="#{pedido.fornecedor.cgc}"></h:outputText>

							<h:outputText styleClass="LabelFont"
								value="#{message.label_endereco}"></h:outputText>
							<h:outputText style="font-size: 13px;"
								value="#{pedido.fornecedor.endereco}"></h:outputText>
							<h:outputText styleClass="LabelFont"
								value="#{message.label_inscricacao}"></h:outputText>
							<h:outputText style="font-size: 13px;"
								value="#{pedido.fornecedor.inscricaoEstadual}"></h:outputText>

							<h:outputText styleClass="LabelFont"
								value="#{message.label_bairro}"></h:outputText>
							<h:outputText style="font-size: 13px;"
								value="#{pedido.fornecedor.bairro}"></h:outputText>
							<h:outputText styleClass="LabelFont"
								value="#{message.label_cidade}"></h:outputText>
							<h:outputText style="font-size: 13px;"
								value="#{pedido.fornecedor.cidade.cidade}"></h:outputText>

							<h:outputText styleClass="LabelFont" value="#{message.label_cep}"></h:outputText>
							<h:outputText style="font-size: 13px;"
								value="#{pedido.fornecedor.cep}"></h:outputText>
							<h:outputText styleClass="LabelFont"
								value="#{message.label_estado}"></h:outputText>
							<h:outputText style="font-size: 13px;"
								value="#{pedido.fornecedor.cidade.uf}"></h:outputText>

							<h:outputText styleClass="LabelFont"
								value="#{message.label_fone}"></h:outputText>
							<h:outputText style="font-size: 13px;"
								value="#{pedido.fornecedor.fone}"></h:outputText>
							<h:outputText styleClass="LabelFont" value="#{message.label_fax}"></h:outputText>
							<h:outputText style="font-size: 13px;"
								value="#{pedido.fornecedor.fax}"></h:outputText>

							<h:outputText styleClass="LabelFont"
								value="#{message.label_contato}"></h:outputText>
							<h:outputText style="font-size: 13px;"
								value="#{pedido.fornecedor.contato}"></h:outputText>
							<h:outputText styleClass="LabelFont"
								value="#{message.label_email}"></h:outputText>
							<h:outputText style="font-size: 13px;"
								value="#{pedido.fornecedor.email}"></h:outputText>

							<h:outputText styleClass="LabelFont" value="Complemento"></h:outputText>
							<h:outputText value=""></h:outputText>
							<h:outputText styleClass="LabelFont"
								value="#{message.label_condicao}"></h:outputText>
							<h:outputText style="font-size: 13px;"
								value="#{pedido.condPag.descricao}(#{pedido.condPag.codigo})"></h:outputText>

							<h:outputText styleClass="LabelFont"
								value="#{message.label_frete}"></h:outputText>
							<h:outputText style="font-size: 13px;"
								value="#{pedido.tipoFrete}"></h:outputText>
							<h:outputText styleClass="LabelFont"
								value="#{message.label_transp}"></h:outputText>
							<h:outputText style="font-size: 13px;"
								value="#{pedido.transportadora.nome}(#{pedido.transportadora.codigo})"></h:outputText>

							<h:outputText styleClass="LabelFont"
								value="#{message.label_total} #{message.label_ipi}"></h:outputText>
							<h:outputText style="font-size: 13px;"
								value="#{listaPedidoTela.calculaTotalIpi(pedido)}"></h:outputText>
							<h:outputText styleClass="LabelFont"
								value="#{message.label_total} #{message.label_geral}"></h:outputText>
							<h:outputText style="font-size: 13px;"
								value="#{listaPedidoTela.calculaTotal(pedido)}"></h:outputText>

						</h:panelGrid>
					</div>

					<div style="padding-top: 8px; clear: both; padding-left: 60px;">
						<p:dataTable var="produto" value="#{pedido.listaProdutos}"
							style="width:800px; font-size: 14px;" rows="3"
							paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
							rowsPerPageTemplate="8,15,20" paginator="true">
							<p:column>
								<f:facet name="header">  
                  					 	#{message.solicita_item}
           							 </f:facet>
								<p:tooltip for="outObs" value="Obs: #{produto.observacao}"
									showEffect="fade" hideEffect="fade" />
								<h:outputText id="outObs" value="#{produto.itemPosicao}" />
							</p:column>
							<p:column>
								<f:facet name="header">  
                  					 	#{message.produto_descricao}
           							 </f:facet>
								<p:tooltip for="outDescri" value="#{produto.descricao}"
									showEffect="fade" hideEffect="fade" />
								<h:outputText id="outDescri" value="#{produto.codigo}" />
							</p:column>
							<p:column>
								<f:facet name="header">  
                  					 	#{message.produto_um}
           							 </f:facet>
								<h:outputText value="#{produto.unidMedida}" />
							</p:column>
							<p:column>
								<f:facet name="header">  
                  					 	#{message.produto_qtde}
           							 </f:facet>
								<h:outputText value="#{produto.quantidade}" />
							</p:column>
							<p:column>
								<f:facet name="header">  
                  					 	#{message.label_atendido}
           							 </f:facet>
								<h:outputText value="#{produto.qtdeAtendida}" />
							</p:column>
							<p:column>
								<f:facet name="header">  
                  					 	#{message.produto_dt_necessidade}
           							 </f:facet>
								<h:outputText
									value="#{listaPedidoTela.converteData(produto.dtEntrega)}" />
							</p:column>
							<p:column>
								<f:facet name="header">  
                  					 	#{message.label_ipi}
           							 </f:facet>
								<h:outputText value="#{produto.ipi}%" />
							</p:column>
							<p:column>
								<f:facet name="header">  
                  					 	#{message.label_vl_uni}
           							 </f:facet>
								<h:outputText value="#{produto.vlTotal / produto.quantidade}" />
							</p:column>
							<p:column>
								<f:facet name="header">  
                  					 	#{message.label_total}
           							 </f:facet>
								<h:outputText value="#{produto.vlTotal}" />
							</p:column>
						</p:dataTable>
					</div>


				</p:rowExpansion>
				<f:facet name="footer">
					<div style="float: left">
						<div style="padding-top: 2px; float: left">
							<h:outputText value="#{message.msg_legenda}  "
								style="font-size: 11px;" />
						</div>
						<p:graphicImage style="padding-left:10px" id="aten"
							value="img/comprada.jpg" />
						<p:tooltip for="aten" value="#{message.label_atendido}"
							showEffect="fade" hideEffect="fade" />
						<p:graphicImage style="padding-left:10px" id="abe"
							value="img/bloqueada.jpg" />
						<p:tooltip for="abe" value="#{message.label_aberto}"
							showEffect="fade" hideEffect="fade" />
						<p:graphicImage style="padding-left:10px" id="par"
							value="img/aprovada.jpg" />
						<p:tooltip for="par" value="#{message.label_parcial}"
							showEffect="fade" hideEffect="fade" />
					</div>
				</f:facet>
			</p:dataTable>

			<p:confirmDialog message="Deseja Imprimir?" header="Impressão"
				severity="info" widgetVar="confirmacaoImpressao" appendToBody="true">

				<p:commandButton value="#{message.msg_sim}"
					oncomplete="confirmacaoImpressao.hide();mostraPedido('#{usuario.codigo}');"
					actionListener="#{listaPedidoTela.imprime}"
					style="font-size: 14px;" widgetVar="simBut">
				</p:commandButton>
				<p:commandButton id="decline" value="#{message.msg_nao}"
					onclick="confirmacaoImpressao.hide()" type="button" global="false"
					style="font-size: 14px;" />
			</p:confirmDialog>
			
		</h:form>
	</div>
</h:body>
</html>